@charset "utf-8";
/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-11 10:50)
*/



/*首页 on*/
/*banner*/
.m-banner{position: relative;width: 100%;}
.m-banner .bd{width: 100%;overflow: hidden;}
.m-banner .bd li{width: 100%;position: relative;}
.m-banner .bd li img{width: 100%;}
.m-banner .hd{position: absolute;bottom: 20px;z-index: 99;width: 100%;text-align: center;}
.m-banner .hd li{display:inline-block;width: 18px;height: 18px;line-height:60px;overflow:hidden;margin:0 15px;background: url(../images/home/yuan2.png) center center no-repeat;}
.m-banner .hd li.on{background: url(../images/home/yuan1.png) center center no-repeat;}

/*关于我们*/
.m-gywm{padding: 40px 0;}
.m-gywm h3{text-align: center;line-height: 40px;margin-bottom: 30px;}
.m-gywm h3 b{font-size: 36px;}
.m-gywm h3 p{font-size: 24px;}
.m-gywm .u-pic{float: left;width: 307px;}
.m-gywm .u-jj{float: left;width: 542px;margin: 0 30px;padding-top: 20px;}
.m-gywm .u-sj{float: right;width: 290px;}
.u-jj h4 a{display:block;height:40px;line-height:40px;font-size: 20px;font-weight: bold;text-align: center;}
.u-jj p{font-size: 18px;line-height: 35px;text-indent: 2em;margin-bottom: 35px;text-align: justify;}
.u-jj a.xx{display:block;font-size: 16px;color: #ef820ff0;text-align: right;}
.u-sj li{height: 128px;line-height: 128px;}
.u-sj li.sj1{border-bottom: 1px dashed #ddd;}
.u-sj li a{font-size: 36px;}
.u-sj li a i{display: block;float: left;margin:26px 25px 0 0;width: 76px;height: 76px;background: url(../images/home/gy-icon1.png) no-repeat;}
.u-sj li a .icon02{background: url(../images/home/gy-icon02.png) no-repeat;background-position: 0 -262px;}
.u-sj li a:hover i{background: url(../images/home/gy-icon2.png) no-repeat;transition: .5s;transform: rotateY(360deg);}
.u-sj li a:hover .icon02{background: url(../images/home/gy-icon03.png) no-repeat;transition: .5s;transform: rotateY(360deg);background-position: 0 -262px;}
.u-sj li.sj2 a i{background-position: 0 -131px;}

/*新闻中心*/
.m-xwzx{width: 100%;padding: 30px 0;background: #fff;}
.m-xwzx h3{text-align: center;line-height: 40px;margin-bottom: 30px;}
.m-xwzx h3 b{font-size: 36px;}
.m-xwzx h3 p{font-size: 24px;}

/*幻灯片*/
.m-flash{float:left;width: 620px;height:460px;position: relative;overflow: hidden;}
.m-flash .bd{width: 100%;overflow: hidden;}
.m-flash .bd li{width: 100%;position: relative;}
.m-flash .bd img{width: 100%;height:460px;}
.m-flash .bd p{width: 100%;position: absolute;left: 0;bottom: 0;padding:10px;background: url(../images/home/cover.png) repeat;color: #fff;}
.m-flash .bd p b{display:block;font-size: 18px;padding: 5px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-flash .bd p span{display:block;font-size: 14px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-flash .prev{position: absolute;top: 50%;margin-top: -31px;z-index: 99;left: 0;}
.m-flash .next{position: absolute;top: 50%;margin-top: -31px;z-index: 99;right: 0;}

/*集团动态          行业信息*/
.m-jrlq{float:right;width: 549px;height:460px;overflow: hidden;}
.m-jrlq .hd{height: 42px;overflow: hidden;position: relative;border-bottom: 1px solid #ddd;}
.m-jrlq .hd li{float: left;width: 110px;}
.m-jrlq .hd li a{display: block;font-size: 18px;line-height: 42px;text-align: center;}
.m-jrlq .hd li.on a{font-weight: bold;color: #333;}
.m-jrlq .hd li span{display:none;position: absolute;right: 10px;top:0;font-size: 14px;color: #999;font-weight: normal;}
.m-jrlq .hd li.on span{display: block;}
.m-jrlq .bd ul{padding: 10px 0;}
.m-jrlq .bd li{height:41px;line-height:41px;background: url(../images/home/arr.png) 0 center no-repeat;padding-left: 15px;overflow: hidden;border-bottom: 1px dashed #ddd;}
.m-jrlq .bd li span{float: right;color: #666;font-size: 13px;}
.u-dqgz{margin-top: 10px;}
.u-dqgz li{float:left;width: 260px;height: 60px;line-height: 60px;border: 1px solid #ddd;}
.u-dqgz li:last-child{float:right;}
.u-dqgz li a{display: block;text-align: center;font-size: 18px;}
.u-dqgz li img{margin: 15px 15px 0 0;}
.u-dqgz li a:hover img{transform: rotateY(360deg);transition: .5s;}

/*业务领域*/
.m-ywly{width: 100%;height:588px;padding: 40px 0;overflow: hidden;}
.m-ywly h5{float: right;width: 190px;height: 508px;}
.m-ywly h5 a{display: block;height: 508px;background: url(../images/home/ywly.png) right center no-repeat;}
.m-ywly ul{float: left;width: 985px;}
.m-ywly li{float: left;margin-bottom: 20px;position: relative;}
/* .m-ywly li.yw1{width: 315px;height: 124px;background: url(../images/home/p.png) no-repeat;} */
.m-ywly li.yw1{width: 315px;height: 244px;background: url(../images/home/p.png) no-repeat;}
.m-ywly li.yw2{width: 315px;height: 164px;background: url(../images/home/f.png) no-repeat;}
.m-ywly li.yw3{width: 315px;height: 180px;background: url(../images/home/a.png) no-repeat;}
.m-ywly li.yw4{float:right;width: 650px;height: 244px;background: url(../images/home/i.png) no-repeat;}
.m-ywly li.yw5{float:right;width: 650px;height: 244px;background: url(../images/home/o.png) no-repeat;}
.u-cover{position:absolute;left:0;width:100%;padding:5px 10px;background: url(../images/home/cover.png) repeat;color: #fff;overflow: hidden;}
.u-cover h2{float: left;font-size: 55px;font-weight:bold;margin-left:-60px;transition:.5s;}
.u-cover h3{font-size: 18px;font-weight:bold;margin:10px 0;text-indent: 5px;}
.u-cover h4{font-size: 14px;font-weight:bold;}
.m-ywly li.yw1 .u-cover,.m-ywly li.yw2 .u-cover,.m-ywly li.yw3 .u-cover{bottom:0px;}
.m-ywly li.yw4 .u-cover,.m-ywly li.yw5 .u-cover{bottom: 0;}
.u-cover p{float: left;width: 100%;font-size: 14px;line-height: 28px;}
.m-ywly li:hover h2{margin-left:0;}

/*广告位*/
.m-adv{margin-bottom: 40px;}
.m-adv img{width: 100%;}

/*媒体查询*/
/*主体*/
@media (max-width: 1200px) {
    .m-gywm .u-jj{width: 355px;padding-top: 0;}
    .u-jj p{margin-bottom: 0;}
    .m-gywm .u-sj{width: auto;}
    .m-flash{width: 580px;}
    .m-jrlq{width: 370px;}
    .u-dqgz li{width: 49%;}
    .m-ywly ul{width: 765px;}
    .m-ywly li.yw1,.m-ywly li.yw2,.m-ywly li.yw3{width: 260px;}
    .m-ywly li.yw4,.m-ywly li.yw5{width: 485px;}
}
@media (max-width: 992px) {
    .m-gywm .u-sj{width: 100%;}
    .u-sj li{width: 50%;float: left;height:100px;line-height:100px;}
	.u-sj li a{font-size:32px;}
	.u-sj li a i{margin-top:14px;}
    .u-sj li.sj1{border: none;}
    .m-gywm .u-jj{width: 413px;margin-right: 0;}
    .m-flash{width: 100%;height: 50vw;}
    .m-flash .bd img{width: 100%;height: 50vw;}
    .m-ywly h5{display: none;}
    .m-jrlq{width: 100%;margin: 20px 0 0;}
    .m-ywly ul{width: 100%;}
}
@media (max-width: 768px) {
    .m-gywm .u-pic{margin: 0 auto;float: none;}
    .m-gywm .u-jj{width: 100%;float: none;margin: 20px 0 0 0;}
    .m-ywly li.yw1,.m-ywly li.yw2,.m-ywly li.yw3{width: 40%;}
    .m-ywly li.yw4,.m-ywly li.yw5{width: 58%;}
    .u-sj li{width: 100%;}
}
@media (max-width: 414px) {
    .m-banner .hd{bottom: 0;}
    .m-banner .hd li{width: 12px;height: 12px;border-radius: 50%;margin: 0 5px;}
    .m-gywm,.m-xwzx,.m-ywly{padding: 20px 0;}
    .m-gywm h3,.m-xwzx h3{margin-bottom: 15px;}
    .m-gywm h3 b,.m-xwzx h3 b{font-size: 26px;}
    .m-gywm h3 p,.m-xwzx h3 p{font-size: 16px;}
    .m-gywm .u-pic{width: 100%;}
    .m-gywm .u-pic img{width: 100%;}
    .m-flash{width: 100%;height: 60vw;}
    .m-flash .bd img{width: 100%;height: 60vw;}
	.m-flash .bd p{padding:5px 15px;}
	.m-flash .bd p b{font-size:16px;}
	.m-flash .bd p span{line-height:25px;}
	.m-flash .prev img,.m-flash .next img{width:30px;}
    .m-ywly{height: 1076px;}
    .m-ywly li.yw1,.m-ywly li.yw2,.m-ywly li.yw3{width: 100%;background-size: 100% 100%;}
    .m-ywly li.yw4,.m-ywly li.yw5{width: 100%;}
    .m-adv{margin-bottom: 20px;}
}
/*首页 end*/